<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<button>1</button>
	<button>2</button>
	<button>3</button>
	<button>4</button>
	<button>5</button>
</body>
<script>
	// * from：把伪数组转换成数组(可以使用数组的方法)
	{
		// 1- 对数组进行复制
		// 简单数组：数组中的元素都是值类型。（深复制）
		// let arr = [1,2,3,4];
		// let arr2 = Array.from(arr);
		// console.log(arr,arr2,arr === arr2);
		
		// 复杂数组：数组中的元素拥有引用类型。（浅复制）
		// let arr = [1,2,3,{a:1,b:2}];
		// let arr2 = Array.from(arr);
		// console.log(arr,arr2,arr === arr2,arr[3]===arr2[3]);
		// arr2[3].a = 100;
		// console.log(arr[3].a);// 100
		
		
		// 2- 将伪数组转为真数组
		// 2-1
		// function fn(){
		// 	// console.log(arguments.length);// 实参数量
		// 	// console.log(fn.length);// 形参数量
		//
		// 	Array.from(arguments).forEach(function(i){
		// 		console.log(i)
		// 	})
		// }
		// fn(1,2,3,4,5)
		
		// 2-2:获取元素
		// const result = Array.from(document.querySelectorAll("button")).map(function(item){
		// 	return item.innerText/1;
		// });
		// console.log(result);// [1, 2, 3, 4, 5]
		
	}
	// * of：将一组数字转换成数组 弥补Array的不足
	{
		// Array的特点：如果只有一个参数好么该参数为数组长度，如果有两个参数第一个参数即是下标为0的元素值
		// console.log(new Array());// []
		// console.log(new Array(3));// [空属性 × 3]
		// console.log(new Array(3,5));// [3,5]
		
		// 接收参数的数量即是生成数组的度度，参数的值即为数组的元素值
		// console.log(Array.of());// []
		// console.log(Array.of(3));// [3]
		// console.log(Array.of(3,5));// [3,5]
	}
</script>
</html>